body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1.5;
font-size: 12px;
color: #666;
}
.box {
padding: 8px;
margin-bottom: 8px;
color: #555;
border: 1px solid #CCC;
background: #EEE;
}.box-info {
padding-left: 32px;
border-top: 1px solid #B8E2FB;
border-bottom: 1px solid #B8E2FB;
background: #E8F6FF url("./img/information.png") no-repeat 8px 50%;
}.box-warning {
padding-left: 32px;
border-top: 1px solid #F2DD8C;
border-bottom: 1px solid #F2DD8C;
background: #FFF5CC url("./img/error.png") no-repeat 8px 50%;
}.box-error {
padding-left: 32px;
border-top: 1px solid #F8ACAC;
border-bottom: 1px solid #F8ACAC;
background: #FFD1D1 url("./img/exclamation.png") no-repeat 8px 50%;
}.box-error-msg {
margin-top: -8px;
background: #FFF1F1;
border-top: 0 none;
border-bottom: 1px solid #FDDCDC;
color: #664B4B;
padding: 12px;
}.box-success {
padding-left: 32px;
border-top: 1px solid #BBDF8D;
border-bottom: 1px solid #BBDF8D;
background: #EAF7D9 url("./img/accept.png") no-repeat 8px 50%;
}